<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style> 
       div{
           background: yellow;
            width:150px;
            height: 150px;
            transform: rotate(50deg)
} 
div:hover{
     transform: rotate(1111150deg);
     transition:transform 15s linear 2s;
      
}
    </style>
</head>
<body>
   <div></div> 
</body>
</html>